<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.box{
			position: fixed;
			top: 220px;
			right: 0px;
		}
		ul.box li{
			width: 40px;
			height: 40px;
			background: #7A6E6E url(./toolbars.png) -45px 0 no-repeat;
			margin-bottom: 1px;
		}
		ul.box li.son2{
			background-position: -45px -50px;
		}
		ul.box li.son2:hover{
			background: #C81623 url(./toolbars.png) -45px -50px no-repeat;
		}
		ul.box li.son3{
			background-position: -45px -100px;
		}

		ul.box li.son4{
			background-position: -185px -100px;
		}


	</style>
</head>
<body>
	<ul class="box">
		<li class='son1'></li>
		<li class='son2'></li>
		<li class='son3'></li>
		<li class='son4'></li>
		<li class='son5'></li>
		<li class='son6'></li>
	</ul>
</body>
</html>